.getmantle {
  background-color: white;
  border: none;
  color: black;
  display: flex;
  align-items: center;
}

.getmantle:hover {
  background-color: white;
  color: black;
}

.getmantle:visited {
  color: black;
}

.ant-btn:hover, .ant-btn:focus {
  color: black;
}

.manteld {
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.manteld .img {
  width: 100%;
  height: 50%;
  margin-bottom: 20px;
}

.manteld .img img {
  width: 100%;
  height: 100%;
}

.manteld .code {
  display: flex;
}

.manteld .code .codeleft {
  width: 75px;
  height: 75px;
  background-color: pink;
  margin-right: 20px;
}

.manteld .code .coderight {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.manteld .code .coderight p {
  margin-top: 5px;
}

.manteld .code .coderight p span {
  color: #FF5A9B;
  cursor: pointer;
}

.ant-btn-primary {
  border: none;
  background-color: #F40A12;
}

.ant-btn-primary span {
  color: white;
}

.ant-btn-primary:hover {
  background-color: #FF3333;
}

.ant-btn-primary:active {
  background-color: #CF000E;
}

.ant-btn {
  border: 1px solid #ccc;
}

.ant-btn:hover {
  color: #F40A12;
  border: 1px solid #F40A12;
}

.ant-btn:active {
  color: #CF000E;
  border: 1px solid #CF000E;
}
